<template>
  <div class="dashboard-stat-row">
    <StatCard v-for="card in statCards" :key="card.title" v-bind="card" />
  </div>
</template>
<script setup lang="ts">
import StatCard from './StatCard.vue'
const props = defineProps<{ statCards: any[] }>()
</script>
<script lang="ts">
export default {}
</script>
<style scoped>
.dashboard-stat-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}
</style> 